<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人信息主页面</title>
    <link rel="stylesheet" href="css/个人信息主页面.css">
</head>
<body>
    <!-- 头部区域制作开始 -->
    <div class="heade">
        <div class="heade_min">
            <div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a><i style="display: block;"><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">我要借出</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">我要借入</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">我的账户</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">账户帮助</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">社区</a><i><img src="images/shouye.png" alt=""></i></li>
                    <li><a href="#">本金保障</a><i><img src="images/shouye.png" alt=""></i></li>
                </ul>
            </div>
            <div class="login">
                <ul class="login_box">
                    <li class="on1"><a href="#"><img src="images/login_03.png" alt=""></a></li>
                    <li class="on2"><a href="#">陈政</a></li>
                    <li class="on3"><a href="#"><img src="images/login_09.png" alt=""></a><div class="pro_1">22</div></li>
                    <li class="on4"><a href="#"><img src="images/login_06.png" alt=""></a></li>
                    <li class="on5"><a href="#">退出</a></li>
                </ul>
            </div>
        </div>
    </div> 
    <!-- 头部区域制作结束 -->
    <!-- new部分制作开始 -->
    <div class="new">
        <div class="new_left">
            <div class="top">
                <dl>
                    <dt><img src="images/tp_09.png" alt=""></dt>
                    <dd class="d1">陈政</dd>
                    <dd class="d2"><span>男</span>25岁</dd>
                    <dd class="d3">借入信用：<span>13分</span><i></i><i></i></dd>
                    <dd class="d4">借出信用：<span>13分</span></dd>
                    <dd class="d5"><button class="bt1">发信息</button><button class="bt2">关注TA</button></dd>
                </dl>
            </div>
            <div class="bottom">
                <dl>
                    <dt>我的亲朋好友</dt>
                    <dd><img src="images/tp_10.png" alt="">陈琪琪</dd>
                    <dd><img src="images/tp_10.png" alt="">刘德呙</dd>
                    <dd><img src="images/tp_10.png" alt="">陈炳德</dd>
                    <dd><img src="images/tp_10.png" alt="">韩雪</dd>
                    <dd><img src="images/tp_10.png" alt="">王菲</dd>
                    <dd><img src="images/tp_10.png" alt="">江龙</dd>
                    <dd><img src="images/tp_10.png" alt="">陈琪琪</dd>
                    <dd><img src="images/tp_10.png" alt="">刘德呙</dd>
                    <dd><img src="images/tp_10.png" alt="">陈炳德</dd>
                </dl>
            </div>
        </div>
        <div class="new_right">
            <div class="new_right_box1">
                <span><i style="background-color: #0592ff; color: #ffffff;">个人说明</i><i>投资回报统计</i></span>
            </div>
            <div class="new_right_box2">
                <p>华智投资董事长 北京华夏学院校长。如果我们有坚定的长期投资期望,那么短期的价格波动对我们来说就毫无意义,除非它们能够让我们有机会以更便宜的价格增加股份。 </p>
            </div>
            <div class="new_right_box1">
                <span><i style="background-color: #0592ff; color: #ffffff;">借款列表</i><i>投标记录</i></span>
            </div>
            <div class="new_right_box3">
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>优质商家信用借贷</dt>
                    <dd class="dd1">
                        <span>借贷金额：<i>￥500,000</i></span>
                        <span>年利率：<i>20.00%</i></span>
                        <span>借贷金额：12个月</span>
                    </dd>
                    <dd class="dd2">
                        <!-- 用户设置宽度（width）百分比 -->
                        <span class="sp1">借贷进度：<i><em style="width: 20%;"></em></i>36.00%</span>
                        <span class="sp2">已完成103笔投标</span>
                        <span class="sp3">发布时间：</span>
                    </dd>
                </dl>
                <button><img src="images/tp_12.png" alt="">正在进行中</button>
            </div>
            <div class="new_right_box3">
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>优质商家信用借贷</dt>
                    <dd class="dd1">
                        <span>借贷金额：<i>￥500,000</i></span>
                        <span>年利率：<i>20.00%</i></span>
                        <span>借贷金额：12个月</span>
                    </dd>
                    <dd class="dd2">
                        <!-- 用户设置宽度（width）百分比 -->
                        <span class="sp1">借贷进度：<i><em style="width: 20%;"></em></i>36.00%</span>
                        <span class="sp2">已完成103笔投标</span>
                        <span class="sp3">发布时间：</span>
                    </dd>
                </dl>
                <button><img src="images/tp_13.png" alt="">流标</button>
            </div>
            <div class="new_right_box3">
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>优质商家信用借贷</dt>
                    <dd class="dd1">
                        <span>借贷金额：<i>￥500,000</i></span>
                        <span>年利率：<i>20.00%</i></span>
                        <span>借贷金额：12个月</span>
                    </dd>
                    <dd class="dd2">
                        <!-- 用户设置宽度（width）百分比 -->
                        <span class="sp1">借贷进度：<i><em style="width: 20%;"></em></i>36.00%</span>
                        <span class="sp2">已完成103笔投标</span>
                        <span class="sp3">发布时间：</span>
                    </dd>
                </dl>
                <button><img src="images/tp_11.png" alt="">已撤回</button>
            </div>
            <div class="new_right_box3">
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>优质商家信用借贷</dt>
                    <dd class="dd1">
                        <span>借贷金额：<i>￥500,000</i></span>
                        <span>年利率：<i>20.00%</i></span>
                        <span>借贷金额：12个月</span>
                    </dd>
                    <dd class="dd2">
                        <!-- 用户设置宽度（width）百分比 -->
                        <span class="sp1">借贷进度：<i><em style="width: 20%;"></em></i>36.00%</span>
                        <span class="sp2">已完成103笔投标</span>
                        <span class="sp3">发布时间：</span>
                    </dd>
                </dl>
                <button><img src="images/tp_12.png" alt="">正在进行中</button>
            </div>
            <div class="new_right_box3">
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>优质商家信用借贷</dt>
                    <dd class="dd1">
                        <span>借贷金额：<i>￥500,000</i></span>
                        <span>年利率：<i>20.00%</i></span>
                        <span>借贷金额：12个月</span>
                    </dd>
                    <dd class="dd2">
                        <!-- 用户设置宽度（width）百分比 -->
                        <span class="sp1">借贷进度：<i><em style="width: 20%;"></em></i>36.00%</span>
                        <span class="sp2">已完成103笔投标</span>
                        <span class="sp3">发布时间：</span>
                    </dd>
                </dl>
                <button><img src="images/tp_13.png" alt="">流标</button>
            </div>
            <div class="new_right_box3">
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>优质商家信用借贷</dt>
                    <dd class="dd1">
                        <span>借贷金额：<i>￥500,000</i></span>
                        <span>年利率：<i>20.00%</i></span>
                        <span>借贷金额：12个月</span>
                    </dd>
                    <dd class="dd2">
                        <!-- 用户设置宽度（width）百分比 -->
                        <span class="sp1">借贷进度：<i><em style="width: 20%;"></em></i>36.00%</span>
                        <span class="sp2">已完成103笔投标</span>
                        <span class="sp3">发布时间：</span>
                    </dd>
                </dl>
                <button><img src="images/tp_11.png" alt="">已撤回</button>
            </div>
            <div class="new_right_box3">
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>优质商家信用借贷</dt>
                    <dd class="dd1">
                        <span>借贷金额：<i>￥500,000</i></span>
                        <span>年利率：<i>20.00%</i></span>
                        <span>借贷金额：12个月</span>
                    </dd>
                    <dd class="dd2">
                        <!-- 用户设置宽度（width）百分比 -->
                        <span class="sp1">借贷进度：<i><em style="width: 20%;"></em></i>36.00%</span>
                        <span class="sp2">已完成103笔投标</span>
                        <span class="sp3">发布时间：</span>
                    </dd>
                </dl>
                <button><img src="images/tp_12.png" alt="">正在进行中</button>
            </div>
            <div class="new_right_box3">
                <img src="images/tp_03.png" alt="">
                <dl>
                    <dt>优质商家信用借贷</dt>
                    <dd class="dd1">
                        <span>借贷金额：<i>￥500,000</i></span>
                        <span>年利率：<i>20.00%</i></span>
                        <span>借贷金额：12个月</span>
                    </dd>
                    <dd class="dd2">
                        <!-- 用户设置宽度（width）百分比 -->
                        <span class="sp1">借贷进度：<i><em style="width: 30%;"></em></i>36.00%</span>
                        <span class="sp2">已完成103笔投标</span>
                        <span class="sp3">发布时间：</span>
                    </dd>
                </dl>
                <button><img src="images/tp_13.png" alt="">流标</button>
            </div>
            <div class="next">
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">下一页</a>
            </div>
        </div>
    </div>
    <!-- new部分制作开始 -->
    <!-- 底部区域开始 -->
    <div class="footer">
        <div class="help">
            <ul>
                <li><a href="#">常见问题</a>丨</li>
                <li><a href="#">媒体报道</a>丨</li>
                <li><a href="#">联系我们</a>丨</li>
                <li><a href="#">加入我们</a>丨</li>
                <li><a href="#">隐私保护</a></li>
            </ul><br>
            <p>Copyright©2013 daikuan All Rights Reserved   建智领航公司 版权所有</p>
        </div>
    </div>
    <!-- 底部制作结束 -->
</body>
</html>